/* eslint quotes: 0 */
import React, {PureComponent} from "react";
import {
    Dimensions,
    StyleSheet,
    View,
    Text,
    Button,
    StatusBar,
    TouchableOpacity,
    Image,
    TextInput,
    FlatList,
    SafeAreaView,
    ToastAndroid
} from "react-native";

import DeviceInfo from 'react-native-device-info'
export default class AboutUsScene extends PureComponent<> {

    static navigationOptions = ({navigation}: any) => ({
        headerTintColor: 'black',
        title: '关于我们',
        headerStyle: {backgroundColor: 'white'},
        headerRight: <Text/>,
        headerLeft: <TouchableOpacity onPress={()=>{
            navigation.goBack()
        }}>
            <Image style={{marginLeft:12}} source={require('../../../../res/img/gobal_back.png')}/>
        </TouchableOpacity>
    })

    constructor(props) {
        super(props);
        this.state = {
            version_code: DeviceInfo.getVersion(),
        };
    }

    render() {

        return (
            <View style={ styles.container }>
                <Image style={{width:64,height:64,marginTop:84}}
                       source={require('../../../../res/img/mine/aboutus.png')}/>
                <Text style={{fontSize:19,color:'#333333',marginTop:21}}>菁课堂</Text>
                <Text style={{fontSize:11,color:'#666666',marginTop: 9,marginTop:11}}>www.jkzaixian.com</Text>
                <View
                    style={{flexDirection:'row',marginTop:17,width:94,height: 26,backgroundColor:"#FFECECEC",marginTop:10,alignItems:'center',justifyContent:'center'}}>
                    <Text style={{fontSize:12,color:'#666666'}}>当前版本</Text>
                    <Text style={{fontSize:12,color:'#666666'}}>{this.state.version_code}</Text>
                </View>

                <View style={{flexDirection:"row",alignItems:'center',justifyContent:"center",marginTop:45}}>
                    <View style={{alignItems:'center',justifyContent:"center",marginRight:17}}>
                        <View style={{backgroundColor:"#FFFFFF",borderRadius:8,padding:9,width:93,height:93}}>
                            <Image style={{width:75,height:75}}
                                   source={require('../../../../res/img/mine/gongzhonghao.jpg')}/>
                        </View>
                        <Text style={{fontSize:12,color:'#333333'}}>扫描二维码~~~</Text>
                        <Text style={{fontSize:12,color:'#999999'}}>关注公众号</Text>
                    </View>

                    <View style={{alignItems:'center',justifyContent:"center",marginLeft:17}}>
                        <View style={{backgroundColor:"#FFFFFF",borderRadius:8,padding:9,width:93,height:93}}>
                            <Image style={{width:75,height:75}}
                                   source={require('../../../../res/img/mine/fuwuhao.jpg')}/>
                        </View>
                        <Text style={{fontSize:12,color:'#333333'}}>扫描二维码~~~</Text>
                        <Text style={{fontSize:12,color:'#999999'}}>关注服务号</Text>
                    </View>
                </View>

            </View>
        );
    }


}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        backgroundColor: '#F5F5F5'
    },
});
